<script>
import {prefixCls} from '../prefix'

export default {
	name: `${prefixCls}Column`,
	componentName: 'Column',
	props: {
		prop: String,	//data中对应的值
		label: String,	//表头名称
		width: [Number,String],	//列宽
		minWidth: [Number,String],	//最小列宽
		fixed: String,	//浮动列
		align: String,	//对齐方式
		type: String,	//序号
		sortable:{	//排序
			type: [Boolean,String],
			defualt: false
		},
	},
	data() {
		return {
			prefixCls: prefixCls,
			renderCell: {}
		}
	},
	mounted() {
		// console.log('子组件column',this)
	},
	created() {
		this.renderCell = (h, {row, $index, extendToggle, toggle}) => {
			if (this.$scopedSlots.default) {
				// row 当前行信息
				// index 当前行序号
				// extend 扩展及子级展开或收起方法
				// toggle 扩展及子级展开或收起的状态
				const data = {row: row,index: $index + 1, extend: extendToggle, toggle: toggle}
				// const data = {}
				// return h('div', style, [this.$scopedSlots.default(data)])
				return this.$scopedSlots.default(data)
			}
		}
	},
	render(h) {
		return h('div', this.$slots.default)
		// return ''
	},
}
</script>